@import "variables";
feed-item {
  .feed-item {
    margin: 0 pxTorem(30);
    padding:  pxTorem(36) 0;
    background-color: #fff;
    //&:last-of-type::before {
    //  content: none;
    //}
  }

  .feed-header {
    seed-avatar {
      width: pxTorem(60);
      height: pxTorem(60);
    }

    .nick {
      display: block;
      font-size: standard($f, f6); //   font-weight: 700;
      color: color($h5, c4);
      &.prime {
        &::after {
          content: '精华';
          height: pxTorem(32);
          padding: 0 pxTorem(18);
          margin-left: pxTorem(20);
          @include font-dpr(22px);
          color: color($h5, c1);
          border-radius: pxTorem(20);
          background: rgba(35, 394, 112, .2);
        }
      }
    }
    em {
      @include font-dpr(24px);
      color: color($h5, c4);
    }
    .del {
      position: absolute;
      top: 0;
      bottom: 0;
      right: 0;
      @include icon(46, 27, '#{$icons-path}/del.png');
    }
  }

  .feed-content {
    .content-text {
      margin-top: pxTorem(26);
      @include font-dpr(32px);
      @include multi-line-exllipsis(2);
      color: color($h5, c2);
    }
    .content-img {
      p {
        width: pxTorem(230);
        height: pxTorem(192);
        margin-right: 1px;
        margin-top: pxTorem(26); //   width: pxTorem(230);
        background-repeat: no-repeat;
        background-position: center center;
        background-size: cover;
      }
      li {
        width: 33.33%;
      }
      .full-width {
        width: 100%;
        seed-img {
          height: pxTorem(390);
        }
      }
      .half-width {
        width: 50%;
        seed-img {
          height: pxTorem(192);
        }
      }
      seed-img {
        width: 100%;
        height: pxTorem(170);
        margin-right: 1px;
        margin-top: pxTorem(26);
        padding-right: 1px;
      }
      .video {
        position: relative;
        &::after {
          content: '';
          position: absolute;
          top: 0;
          bottom: 0;
          left: 0;
          right: 0;
          margin: auto;
          @include icon(70, 70, '#{$icons-path}/icon_play.png');
        }
      }
    }
  }

  .feed-footer {
    justify-content: flex-end;
    @include font-dpr(24px);
    margin-top: pxTorem(30);
    color: color($h5, c4);
    text-align: right;
    span {
      padding-left: pxTorem(26);
      &:before {
        content: '';
        margin-right: pxTorem(6);
      }
      &.viewed {
        &:before {
          @include icon(25, 23, '#{$icons-path}/new_message.png');
        }
      }
      &.thumbs-up {
        &:before {
          @include icon(25, 23, '#{$icons-path}/new_Likes.png');
        }
      }
      &.thumbs-uped {
        &:before {
          @include icon(25, 23, '#{$icons-path}/new_Likes_hover.png');
        }
      }
    }
  }
  .seed-default-graph {
    padding-top: pxTorem(70);
    padding-bottom: pxTorem(70);
    background-color: #fff;
  }

}
